<template>
    <div>
        <div>
            <!-- 
                solt vue的插槽标签 相当预留空间 用来自定义内容 
                插槽可以接收的内容可以是文本也可以是一个标签结构
            -->
            <!-- 没有name属性的插槽叫匿名插槽 有名字的叫具名插槽 -->
            <!-- <slot></slot> -->
            <slot name="header"></slot>
            <div>这是主题内容</div>
            <slot name="aside"></slot>


            <slot a="1" b="2" :c="obj"></slot>
        </div>
    </div>
</template>

<script>
export default {
  name: '',
  data() { 
    return {
        obj:{
            name: "张安"
        }
    }
  },
  created() {

  },
  methods:{

  },
 }
</script>

<style scoped>
</style>